<div style="overflow-x: hidden;">
    <div id="searchBlock">
        <form id="searchForm">
            <!--第一行-->
            <div class="row">
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                        <div class="col-md-8">
                            <select class="form-control" id="provinceSelect" name="provinceSelect">
                                <option value="" disabled selected style='display:none;'>请选择</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                        <div class="col-md-8">
                            <select class="form-control" id="citySelect" name="citySelect">
                                <option value="" disabled selected style='display:none;'>请选择</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label>
                        <div class="col-md-8">
                            <select class="form-control" id="areaSelect" name="areaSelect">
                                <option value="" disabled selected style='display:none;'>请选择</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <!--第二行-->
            <div class="row">
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="pictureNameCondition" class="col-md-4 control-label"></span>图件名称:</label>
                        <div class="col-md-8">
                            <input id="pictureNameCondition" type="text" name="pictureNameCondition"
                                   class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="pictureDescriptionCondition" class="col-md-4 control-label"></span>图件描述:</label>
                        <div class="col-md-8">
                            <input id="pictureDescriptionCondition" type="text" name="pictureDescriptionCondition"
                                   class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <!--第三行-->
            <div class="row">
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="type" class="col-md-4 control-label"></span>结果分类:</label>
                        <div class="col-md-8">
                            <select class="form-control easyui-combobox" id="type" name="type">
                                <option value="" disabled selected style="display:none;">请选择</option>
                                <option value="地震灾害房屋直接经济损失评估图">地震灾害房屋直接经济损失评估图</option>
                                <option value="地震灾害房屋破坏导致的死亡人口评估图">地震灾害房屋破坏导致的死亡人口评估图</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 form-horizontal">
                    <div class="form-group">
                        <label for="createUser" class="col-md-4 control-label"></span>创建人:</label>
                        <div class="col-md-8">
                            <input id="createUser" type="text" name="createUser"
                                   class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="text-align: center;">
                <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                <button id="btnReset" class="btn btn-default" type="button">重置</button>
            </div>
        </form>
    </div>
    <div id="fxPictureGrid" style="height: 515px;"></div>
</div>
<!--模板下载和导入-->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 800px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="uploadModalLabel">导入</h4>
            </div>
            <div class="modal-body">
                <ul>
                    <li>
                        一、请<span style="color: red">务必将文件批量上传</span>，然后再导入Excel。
                    </li>
                    <li>
                        二、请按照数据模板的格式准备要导入的数据。
                        <a href="" id="downloadZwExcelTemplate">下载数据模板</a>
                    </li>
                    <li>三、请认真阅读Excle模板文件中的<span style="color: red">注意事项</span>。</li>
                    <li>四、请选择需要导入的Excel文件。</li>
                </ul>
                <form id="uploadForm">
                    <input type="file" id="uploadFile" name="uploadFile" accept=".xlsx"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="uploadButton" class="btn btn-primary">确定</button>
                <button type="button" id="delGw" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>